@extends('layouts.base')
@section('title','领取记录')

@section('other_css')
    <style>
        *{margin:0px;padding: 0px;font-family: '黑体'}
        body{background-color: #E8E8E7}
        #card_list{padding: 2.5% 5px;}
        ul li{list-style:none;}
        .card{padding: 2% 6%;border-bottom: 1px dashed #888;}
        .get_date{background-color: #fff;width: 100%;color:#888;margin-bottom: 2%;padding: 1% 6%;height: 30px}
        .get_date span:nth-child(1){float: right;}
        .button{border: none;font-size: 15px;color: #888;padding: 0px;margin-top: 8%;}
        .card_msg{line-height: 167%;}
        .card_msg>.card_des{font-size: 20px;color: #333;font-weight: bold;margin: 0px}
        .card_msg>.card_title{font-size: 20px;color: #333;font-weight: 400;}
        .card_des span{color: #333;font-size: 14px;font-weight: lighter}
    </style>
@endsection

@section('content')

    <div id="card_list" >
        <div style="font-size: 14px;margin-bottom: 2%">
            从{{ $star_first_time }}开始已献爱心{{ $star_sum }}次,谢谢您的爱心
        </div>
        <ul>
            @forelse($cards as $card)
                <li style="background-color: #fff">
                    <div class="card" >
                        <img src="{{ $card['logo'] }}" width="20%" alt="">
                        <div class="card_msg" style="width: 56%;overflow: hidden;display: inline-block;margin-left: 5px">
                            <p class="card_des" style="text-align: left">{{$card['title']}}</p>
                            <p class="card_date" style="margin-top: 5px">
                                <span>领取日期：{{$card['time']}}</span>
                            </p>
                        </div>
                        @if($card['time_status']['status']!=0)
                            <p class="button" style="color:{{ $card['status']['status']==1?'red':'#888' }};" >{{$card['status']['desc']}}</p>
                        @endif
                    </div>
                    <div class="get_date">

                        <span style="color:{{ $card['time_status']['status']==1?'red':'#888'}}; float: right">
                            @if($card['time_status']['status']!=0)
                                有效期至：
                            @endif
                            {{$card['time_status']['desc']}}
                        </span>
                    </div>
                </li>
            @empty
                <li>
                    <div class="none">暂无记录，赶紧去集星吧~~</div>
                </li>
            @endforelse
        </ul>

    </div>

@endsection

@section('other_js')

    {{--微信相关--}}


@endsection